<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">


<ui:composition template="/template.xhtml">
	<ui:define name="tituloPagina">
	
			<p:outputLabel value="Painel de Evolução dos Compromissos" />
	
	</ui:define>
	
	<ui:define name="botoes">
	<p:panelGrid columns="2" style="">
			<p:outputLabel value="Ano:"></p:outputLabel>

<p:selectOneMenu
				style="width: 226px;"
				
				required="false" value="#{compromissoBean.anoSelecionadoGraficoEvolucao}">
				<f:selectItem itemLabel="Selecione" itemValue=""></f:selectItem>
				<f:selectItems value="#{compromissoBean.ano}"></f:selectItems>
			    </p:selectOneMenu>

		</p:panelGrid>

	<p:panelGrid columns="3" style="">
			<p:outputLabel value="Tipo de Gráfico:"></p:outputLabel>
			<p:selectOneMenu value="#{compromissoBean.tipoDeGraficoEvolucao}"
				style="width: 120px;">
				<f:selectItem itemLabel="#{msgs['campos.combobox.selecione']}"
					itemValue=""></f:selectItem>
				<f:selectItem itemLabel="Linha" itemValue="Linha"></f:selectItem>
				<f:selectItem itemLabel="Barra" itemValue="Barra"></f:selectItem>





			</p:selectOneMenu>
			<p:commandButton value="Gerar Gráfico"
				action="#{compromissoBean.verificaTipoDeGraficoEvolutivo}"
				ajax="false"></p:commandButton>
		</p:panelGrid>
		
	

	</ui:define>
	
	<p:outputLabel value="Nenhum dado encontrado" style="color:red" rendered="#{compromissoBean.haDadosNoPainelEvolucao}"/>
	<ui:define name="principal">
	
		

		<p:lineChart value="#{compromissoBean.modeloGrafico}"
			rendered="#{compromissoBean.graficoLinhaEvolutivo}"
			legendPosition="w" title="Gráfico De Linha"
			seriesColors="8FBC8F,CD5555,006fC2" />





		<p:barChart value="#{compromissoBean.graficoEvolucaoBarra}"
			rendered="#{compromissoBean.graficoBarraEvolutivo}"
			legendPosition="w" title="Gráfico De Barra"
			seriesColors="8FBC8F,CD5555,006fC2">


		</p:barChart>



	</ui:define>
</ui:composition>
</html>